.park{
  .park-list ul{
    overflow: hidden;margin: -20px 0 0 -28px;padding-bottom: 72px;
    li{
      float: left;margin: 20px 0 0 28px;font-size: 0;
      width: 380px;padding-bottom: 8px;border-radius: 8px;
      overflow: hidden;
      img{width: 380px;height: 380px;}
      .font{
        padding: 0 8px;
        .name{font-size: 14px;margin: 10px 0 8px;}
        .pos{
          font-size: 12px;
          i{
            width: 11px; height: 14px;margin-right: 8px;
            background: url('../../assets/images/css_sprites_index.png') -134px -28px;
          }
        }
      }
      &:hover{box-shadow: 0 0 8px #bbb;}
    }
  }
}
.parkDetail{
  .parkDetail-banner{
    height: 530px;
  }
  .w1200 .font{
    width: 700px;
    .commonTit{
      border-bottom: 1px solid #ffa72a;
      font-size: 16px;padding-bottom: 5px;margin-bottom: 20px;
      color:#ffa72a;
    }
    .tit{
      font-size: 18px;
      span{font-size: 12px;}
    }
    .txt{
      font-size: 12px;line-height: 30px;color: #666;
      width: 600px;margin-top: 16px;
    }
  }
  .bgf5{
    width: 100%;background-color: #f5f5f5;
    .workPosIntro{
      padding: 40px 0 140px;
      .info{
        margin-top: 50px;
        .code{
          width: 136px;
          p{text-align: center;margin-top: 5px;}
        }
        .info-list{
          margin-left: 27px;width: 270px;
          .list{
            font-size: 16px;margin-top: 14px;
            &:first-child{margin-top: 0;}
            .pos{width: 240px;}
            i{margin-right: 8px;}
            i.pos{
              width: 18px; height: 19px;
              background: url('../../assets/images/css_sprites_park.png') -81px -5px;
              vertical-align: top;
              margin-top: 2px;
            }
            i.tel{
              width: 18px; height: 18px;
              background: url('../../assets/images/css_sprites_park.png') -81px -34px;
            }
            i.manager{
              width: 18px; height: 19px;
              background: url('../../assets/images/css_sprites_park.png') -35px -43px;
            }
          }
          .btns{
            margin-top: 46px;
            .btn{
              width: 98px;height: 26px;
              border: 1px solid;text-align: center;
              line-height: 26px;border-radius: 5px;
              cursor: pointer;padding: 0;
            }
            .visit{color: #666;border-color: #b5b5b5;}
            .join{color: #fff;border-color: #ffb040;background-color: #ffb040;margin-left: 32px;}
          }
        }
      }
    }
  }
  .homeBox{
    padding: 45px 0;position: relative;
    // img{width: 458px;height: 306px;}
  }
  .bg93{
    width: 100%;background-color: #939393;
    .homeBox .font{
      color: #fff;
      .commonTit{color: #fff;border-color: #fff;}
      .txt{color: #fff;}
      .arrow-1{
        width: 28px; height: 28px;cursor: pointer;
        background: url('../../assets/images/css_sprites_park.png') -5px -5px;
        position: absolute;bottom: 45px;left: 70%;
        transform: rotate(180deg);
        transition: all 0.5s;
        &.rotate{
          transform: rotate(0deg);
        }
      }
    }
  }
  .bgf5{
    .homeBox .font{
      .arrow-2{
        width: 28px; height: 28px;cursor: pointer;
        background: url('../../assets/images/css_sprites_park.png') -43px -5px;
        position: absolute;bottom: 45px;left: 30%;
        transform: rotate(180deg);
        transition: all 0.5s;
        &.rotate{
          transform: rotate(0deg);
        }
      }
    }
  }
  .bgff{
    width: 100%;background-color: #fff;
    height: 0;transition: all 0.5s;
    overflow: hidden;
    &.slideDown{height: auto;padding: 30px 0;}
    table{width: 100%;}
    tr{
      background-color: #f5f5f5;
      td{
        width: 20%;height: 40px;text-align: center;
        border-top: 15px solid #fff;box-sizing: content-box;font-size: 12px;
      }
      .t1{
        width: 222px;background: url('../../assets/images/park-moneyBox.png') no-repeat;
        color: #fff;padding-right: 25px;font-size: 16px;
        font-weight: bold;
        .rmb{
          width: 20px; height: 20px;
          background: url('../../assets/images/css_sprites_park.png') -5px -43px;
          margin-right: 8px;
        }
      }
    }
    tbody{
      background-color: #ebf0f6;width: 100%;
      td{
        width: 20%;height: 48px;text-align: center;
        &:first-child{padding-right: 25px;}
      }
    }
  }
  .loadMore{
    font-size: 12px;text-align: center;margin-top: 22px;width: 100%;
    cursor: pointer;
  }
}
